草庐IT

ionic 导航

全部标签

javascript - 如何在 react 路由器的登录页面中隐藏导航栏

我想在登录页面隐藏导航栏。我确实做了,但是在其他页面看不到导航栏。此代码是我的App.jsx文件的一部分。我在App的状态下创造了历史。当此路径名为“/”或“/login”时,我会隐藏导航栏。有效!但随后我输入了ID和密码,并单击了登录按钮,得到了“成功”结果,并导航到了“/main”。现在我在主组件中也看不到导航栏了。我该怎么做?抱歉我的英语很短。如果你不明白我的问题,你可以发表评论。constructor(props){super(props);this.state={isAlertOpen:false,history:createBrowserHistory(),};this.t

javascript - Angular 2基于相同路径的 Angular 色导航

我有一个关于使用版本3.0.0-rc.1的Angular2路由器的小问题我想根据用户Angular色导航到不同的主组件,例如AdminComponent或UserComponent。任何人都可以帮助修改以下路由,以便我可以实现所需的功能吗?{path:'login',component:LoginComponent},//AuthGuardService.tsimport{Injectable}from"@angular/core";import{CanActivate,Router,ActivatedRouteSnapshot,RouterStateSnapshot}from"@an

javascript - Focus() 在使用 ios 10 safari 浏览器的 ionic 中不起作用

focus()在使用ios10safari浏览器的ionic中不工作。它在您使用chrome模拟器时有效,但在使用ios10safari浏览器时无效。下面是我用来聚焦元素的代码。varrvMobileApp=angular.module('rvMobileApp.shared.directive');rvMobileApp.directive('rvSetFocus',function($timeout){return{link:function(scope,element,attrs){$timeout(function(){element[0].focus();},100);}};

javascript - 使用 Javascript 或 jQuery 检测导航中的取消

我很好奇是否有一种方法可以使用javascript(或者更好的是jQuery)检测用户在浏览器中按下“停止导航”按钮。例如,如果您单击一个网页链接,该网页需要一个在加载时,您可能想要显示一个旋转加载器。但是,如果用户取消到该页面的导航怎么办?有没有办法检测到它来摆脱你放置的旋转装载机?编辑:我做了更多的研究,javascript中似乎有一个onStop事件,但是,你不知道吗,它只适用于InternetExplorer。如果有人有任何其他想法来实现像onStop这样的跨浏览器解决方案,那就太好了,但如果没有,我将在几天内回答我自己的问题以关闭此问题。编辑2:https://stackov

javascript - $ionicHistory 不适用于 ionic 标签

我在使用$ionicHistory时遇到问题在使用ion-tabs的页面上。我使用它导航到上一个View(使用goBack())。当我在View中放置选项卡时,历史是错误的,后View是之前的两个View。为了演示这一点,我创建了一个具有4个页面/View的演示应用程序(plunkerhere)。第1页->第2页->第3页->第4页。最后一页上有标签。angular.module("demoapp",['ionic']).config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterPro

javascript - 如何为登录用户更改 ionic 侧菜单

我想在用户登录时更改侧边菜单的内容。示例1-用户未登录:当用户未登录时显示此侧边菜单。示例2-用户已登录:如您所见,有几个额外的菜单项。这些仅在用户登录时显示。在我的Controller中:$http.get('http://127.0.0.1:8080/elodieService/consommateurs/'+$localStorage.idconsommateur,{params:{"idconsommateur":$localStorage.idconsommateur,fields:"nom,prenom",format:"json"}}).then(function(res

javascript - React-router:防止导航到目标路线

我正在使用具有历史记录的react-routeruseQueries(createHashHistory)()并且我有几条我想根据路由配置阻止导航的路由。所以路由配置是这样的:...所以让我们假设我在#/view-2上并调用类似history.push({pathname:'/view-1'});的操作.但是一旦路线view-1有一个标志canNavigate={false}-我想阻止导航到它并显示一条消息而不改变哈希和任何其他副作用(比如调用view-2的onLeaveHook)。我在考虑听历史:history.listenBefore((location,callback)=>{/

javascript - 如何在 React Native Router Flux 中嵌套场景并使用方向 ='vertical' 导航?

我想嵌套react-native-router-flux的并尝试了以下操作,但我无法导航到来自:我想嵌套Profile内部组件Home组件,因为它只能通过Home访问组件。那么我该如何正确嵌套Profile内部组件Home组件?当我也导航到Profile时组件,它使用vertical导航方向,但是当它试图导航到另一个组件(例如Actions.test())时,它没有direction='vertical'设置,来自Profile组件,它应该垂直导航时水平导航,而在Profile内点击后退按钮组件返回vertical方向。自从我导航到Profile组件vertically,我怎样才能得到

javascript - Ionic 2,在启动画面之后和主页之前出现白色空白屏幕

目前我正在为android和ios开发ionic2项目。我在启动画面之后和主页之前看到了白色的空白屏幕。此空白页需要9或8秒才能完成。我使用以下命令ionicstartCoeTutorialtutorial--v2ionicresourcesionicplatformaddandroidionicrunandroid为什么会出现白屏,如何让它更快?这是我的项目链接:https://drive.google.com/file/d/0B8MgjhwD8M3UTVprWEd1cEk2dW8/view?usp=sharing需要输入npminstall下载此示例项目后。

javascript - 未捕获的 TypeError : (0 , _reactRouter.withRouter) 在 react-router 2.4.0 中以编程方式导航到路由时不是函数

我正在使用react-router2.4.0并想以编程方式链接到另一条路线(我在使用之前所做的)。这在SOpost中有很好的解释他们在2.4.x中说的地方你应该使用withRouter的装饰模式,所以我使用以下代码:import{withRouter}from'react-router'//furtherimportsomittedclassCreateJobItemFormRawextendsReact.Component{...}constCreateJobItemForm=withRouter(CreateJobItemFormRaw)exportdefaultCreateJob